<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03_分区元素</title>
</head>
<body>
<!--1.行内分区-->
你好，我好，大家好，欢迎来到<span style="color: red">缅北大世界</span>！。
今天是<span style="color: blue">2025年10月28号</span>
星期<span style="color:green">二</span>
天气<span style="color:orange">晴</span>
<hr>
<!--2.块级分区-->
<div>我是块级区分</div>
<div>我是块级区分</div>
<div>我是块级区分</div>
<hr>
<!--3.旧版页面分区方式-->
<div class="header">我是顶部条</div>
<div class="nav">我是导航栏</div>
<div class="main">我是主体内容</div>
<div class="footer">我是底部条</div>
<hr>
<!--4.新版页面分区方式-->
<header>我是顶部条</header>
<nav>我是导航栏</nav>
<main>我是主体内容</main>
<footer>我是底部条</footer>
</body>
</html>